page {
  height: 100%;
  min-height: 100%;
  background: #f6f6f6;
}
// 订单列表
.recordOrder {
  margin-bottom: 20rpx;
  padding: 30rpx;
  background: #fff;
  .order-goods-detail {
    padding: 0 0 30rpx;
    .order-goods-img {
      width: 140rpx;
      height: 140rpx;
      display: inline-block;
      vertical-align: top;
      margin-right: 30rpx;
    }
    .order-goods-info {
      display: inline-block;
      width: 355rpx;
      font-size: 32rpx;
      .order-goods-name {
        font-weight: bold;
        margin-bottom: 10rpx;
        color: #333333;
      } 
      .order-goods-model {
        font-family: PingFangSC-Regular;
        margin-bottom: 10rpx;
        font-size: 28rpx;
        color: #666666;
      }
      .order-goods-amount {
        font-family: PingFangSC-Regular;
        color: #333333;
        text {
          font-family: PingFangSC-Regular;
          line-height: 38rpx;
          font-size: 28rpx;
          color: #666666;
        }
      }
    }
    .refund-status {
      // display: inline-block;
      font-family: PingFangSC-Medium;
      font-size: 28rpx;
      color: #FF2424;
      vertical-align: top;
      float: right;      
    }
    .refund-status-over {
      color: #999999
    }
  }
  .hr {
    width: 100%;
    height: 1rpx;
    background: #ededed;
    box-shadow: 0 2px 6px 0 #EBF0FF;
  }
  .order-detail {
    font-family: SourceHanSansCN-Regular;
    font-size: 26rpx;
    padding: 30rpx 0 0;
    position: relative;
    .order-num {
      color: #666666;
      margin-bottom: 10rpx;
      .iconfont {
        color: red
      }
    }
    .order-time {
      margin-bottom: 10rpx;
      color: #999999;
    }
    .apply-refund {
      position: absolute;
      border: 0.5rpx solid #999999;
      border-radius: 8rpx;
      width: 180rpx;
      height: 60rpx;
      line-height: 58rpx;
      font-size: 28rpx;
      background: transparent;
      color: #666666;
      right: 0;
      bottom: 0;
    }
    .apply-refund:after {
      border: none;
    }
  }
  .order-detail-btn {
    height: 80rpx;
  }
  .assemble-status {
    position: relative;
    height: 100rpx;
    line-height: 100rpx;
    color: #333;
    font-size: 28rpx;
    font-weight: bold;
    .color-red {
      color: #FF2424
    }
    .invite-friends-btn {
      position: absolute;
      font-weight: normal;
      width: 180rpx;
      right: 0;
      top: 20rpx;
      display: inline-block;
      height: 60rpx;
      line-height: 60rpx;
      color: #fff;
      font-size: 28rpx;
      background-image: linear-gradient(-130deg, #FF4A85 0%, #FF2424 100%);
      &::after {
        border: none
      }
    }
  }
}
.load-tips{
  font-size: 28rpx;
  color: #666;
  text-align: center;
}

// 缺省页
.no-order {
  padding-top: 30%;
  .no-order-pic {
    width: 410rpx;
    height: 300rpx;
    margin: 0 auto 38rpx;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .no-order-text {
    font-family: PingFangSC-Regular;
    font-size: 30rpx;
    color: #999999;
    text-align: center;
    line-height: 45rpx;
  }
}

// 物流弹窗
& .share-popup {
  .custom-popup-class {
    .custom-ani-class {
      width: 76.8%;
      max-width: 80%;
    }
    .wux-popup__content {
      border-radius: 0rpx;
      background-color: transparent;
    }
  }
  .wux-popup-position.wux-popup-position--center .wux-popup__hd {
    padding: 0;
  }
  .wux-popup-position.wux-popup-position--center .wux-popup__bd {
    padding: 0;
  }

// 说明弹窗
.order-remark {
  background: #fff;
  text-align: center;
  padding: 50rpx 29rpx 36rpx 29rpx;
  .order-remark-title {
    font-family: PingFangSC-Medium;
    font-size: 36rpx;
    color: #333333;
    margin-bottom: 30rpx;
  }
  .order-remark-content {
    font-family: SourceHanSansCN-Normal;
    font-size: 30rpx;
    color: #666666;
  }
}
.remark-sure-btn {
  width: 100%;
  background: #fff;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #FF2424;
  text-align: center;
  .refund-yes,
  .refund-no {
    width: 49%;
    height: 100%;
    display: inline-block;
    text-align: center;
  }
  .refund-yes {
    color: #999999;
    border-right: 1rpx solid #ededed;
  }
}

  // 物流信息弹窗
.logistics-goods-info {
  color: #fff;
  padding: 30rpx;
  background-image: linear-gradient(-90deg, #ff436d 0%, #ff2931 100%);
  font-family: SourceHanSansCN-Regular;
  .l-g-i-title {
    font-size: 34rpx;
    color: #ffffff;
    text-align: center;
    margin: 0 0 30rpx;
  }
  .logistics-goods-img {
    width: 140rpx;
    height: 110rpx;
    display: inline-block;
    margin-right: 10rpx;
    vertical-align: top;
  }
  .logistics-goods-detail {
    display: inline-block;
    text-align: left;
    font-size: 26rpx;
    .logistics-goods-name {
      font-size: 28rpx;
    }
  }
}
.logistics-address-info {
  background: #fff;
  text-align: left;
  height: 654rpx;
  overflow-y: scroll;
  padding: 30rpx;
  border-bottom-left-radius: 6rpx;
  border-bottom-right-radius: 6rpx;
  .logis-detail {
    margin-bottom: 20rpx;
    .logis-status {
      display: inline-block;
      width: 38rpx;
      margin-right: 10rpx;
      vertical-align: top;
      text-align: center;
      .logis-status-over {
        background: #DFDFDF;
        width: 20rpx;
        height: 20rpx;
        border-radius: 50%;
        overflow: hidden;
        margin:0 auto 5rpx;
      }
      .logis-status-last {
        width: 38rpx;
        height: 38rpx;
        border-radius: 50%;
        overflow: hidden;
        margin:0 auto 5rpx;
        opacity: 0.31;
        background-image: linear-gradient(-180deg, #FF9291 0%, #FF5656 97%);
        .logis-status-last-content {
          background-image: linear-gradient(-180deg, red 0%, red 100%);
          width: 22rpx;
          height: 22rpx;
          border-radius: 50%;
          overflow: hidden;
          margin: 8rpx auto;
          opacity: 1;
        }
      }
      .logis-progress-bar {
        width: 1rpx;
        margin: 0 auto;
        border-right: 1rpx solid #dfdfdf;
        height: 105rpx;
      }
    }
    .logis-address-detail {
      width: 90%;
      display: inline-block;
      font-family: PingFangSC-Regular;
      .logis-address-remark {
        font-size: 30rpx;
        color: #666666;
        text-align: justify;
        line-height: 44rpx;
      }
      .logis-time {
        margin-top: 10rpx;
        font-family: PingFangSC-Regular;
        font-size: 26rpx;
        color: #999999;
        text-align: justify;
      }
    }
  }
}
.logistics-address-info::-webkit-scrollbar {
  display:none
}


  .close-btn-box {
    width: 100%;
    & .iconfont {
      font-size: 48rpx;
      font-weight: bold;
      color: #fff;
      border:2rpx solid #fff;
      border-radius:50%;
      padding:5rpx;
    }
  }
}